<!--  -->
<template>
  <div class="box">
    <div class="item1" v-for="(item, index) in img" :key="index">
      <img :src="item.imgersssd" alt="" />
      <div class="text">
        {{ item.txt }}
      </div>
      <div class="jiage">{{ item.price }}</div>
      <div class="bm_txt">
        <span>{{ item.pl }}</span>
        <span>{{ item.xs }}</span>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  components: {},
  data() {
    return {
      img: [
        {
          imgersssd:
            "https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/192556/7/28272/636962/631db5f2E313f0636/92e59473dabc57eb.png.webp",
          price: "￥990.00",
          pl: "1万条+评论",
          xs: "看相似",
          txt: "三星（SAMSUNG）京品家电 65英寸QX1 超薄全面屏 4K超高清HDR液晶 AI智能语音 QLED量子点电视QA65QX1AAJXXZ",
        },
        {
          imgersssd:
            "https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/192556/7/28272/636962/631db5f2E313f0636/92e59473dabc57eb.png.webp",
          price: "￥990.00",
          pl: "1万条+评论",
          xs: "看相似",
          txt: "三星（SAMSUNG）京品家电 65英寸QX1 超薄全面屏 4K超高清HDR液晶 AI智能语音 QLED量子点电视QA65QX1AAJXXZ",
        },
        {
          imgersssd:
            "https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/192556/7/28272/636962/631db5f2E313f0636/92e59473dabc57eb.png.webp",
          price: "￥990.00",
          pl: "1万条+评论",
          xs: "看相似",
          txt: "三星（SAMSUNG）京品家电 65英寸QX1 超薄全面屏 4K超高清HDR液晶 AI智能语音 QLED量子点电视QA65QX1AAJXXZ",
        },
        {
          imgersssd:
            "https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/192556/7/28272/636962/631db5f2E313f0636/92e59473dabc57eb.png.webp",
          price: "￥990.00",
          pl: "1万条+评论",
          xs: "看相似",
          txt: "三星（SAMSUNG）京品家电 65英寸QX1 超薄全面屏 4K超高清HDR液晶 AI智能语音 QLED量子点电视QA65QX1AAJXXZ",
        },
        {
          imgersssd:
            "https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/192556/7/28272/636962/631db5f2E313f0636/92e59473dabc57eb.png.webp",
          price: "￥990.00",
          pl: "1万条+评论",
          xs: "看相似",
          txt: "三星（SAMSUNG）京品家电 65英寸QX1 超薄全面屏 4K超高清HDR液晶 AI智能语音 QLED量子点电视QA65QX1AAJXXZ",
        },
        {
          imgersssd:
            "https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/192556/7/28272/636962/631db5f2E313f0636/92e59473dabc57eb.png.webp",
          price: "￥990.00",
          pl: "1万条+评论",
          xs: "看相似",
          txt: "三星（SAMSUNG）京品家电 65英寸QX1 超薄全面屏 4K超高清HDR液晶 AI智能语音 QLED量子点电视QA65QX1AAJXXZ",
        },
      ],
    };
  },
};
</script>
<style scoped>
.box {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
img {
  width: 300px;
  height: 300px;
  border-radius: 30px;
}
.item1 {
  width: 300px;
  height: 500px;
  background-color: white;
  border-radius: 20px;
  margin-top: 30px;
}
.text {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.jiage {
  color: red;
}
.bm_txt {
  font-size: 12px;
  color: darkgray;
  display: flex;
  justify-content: space-between;
}
</style>